<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>新消息</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/conmon2/conmon2.css" />
	</head>

	<body>
		<div class="web clearfix">
			<!--头部-->
			<header class=" new clearfix">
				<div class="news_1">
					<div class="top fl"> 
					<a href="index.html"><img src="img/img2/NAME1.png" /></a>
				</div>
				<div class="top2">
					<p>新消息</p>
				</div>
				</div>
				
				<top2 class="news1">
					<div class="search">
						<div class="search1 clearfix">
							<a href=""><img src="img/img2/glass1.png" /></a>
							<input type="txet" />
						</div>
					</div>
					<div class="search2 clearfix">
						<img src="img/img2/people.png" />
						<a href="">新的群聊</a>
					</div>
				</top2>
			</header>
			<div class="nav clearfix">
				<ul class="">
					<li>
						<a href="#A">A</a>
					</li>
					<li>
						<a href="#B">B</a>
					</li>
					<li>
						<a href="#C">C</a>
					</li>
					<li>
						<a href="#D">D</a>
					</li>
					<li>
						<a href="#E">E</a>
					</li>
					<li>
						<a href="#F">F</a>
					</li>
					<li>
						<a href="">G</a>
					</li>
					<li>
						<a href="">H</a>
					</li>
					<li>
						<a href="">I</a>
					</li>
					<li>
						<a href="">J</a>
					</li>
					<li>
						<a href="">K</a>
					</li>
					<li>
						<a href="">L</a>
					</li>
					<li>
						<a href="">M</a>
					</li>
					<li>
						<a href="">N</a>
					</li>
					<li>
						<a href="">O</a>
					</li>
					<li>
						<a href="">P</a>
					</li>
					<li>
						<a href="">Q</a>
					</li>
					<li>
						<a href="">R</a>
					</li>
					<li>
						<a href="">S</a>
					</li>
					<li>
						<a href="">T</a>
					</li>
					<li>
						<a href="">U</a>
					</li>
					<li>
						<a href="">V</a>
					</li>
					<li>
						<a href="">W</a>
					</li>
					<li>
						<a href="">Z</a>
					</li>
					<li>
						<a href="">#</a>
					</li>
				</ul>
			</div>
			<!--内容-->
			<div class="search3 clearfix">
				<div class="letter ">
					<p><a id="A">A</a></p>
				</div>
				<div class="activity1 activity1_1">
					<ul class="clearfix">
						<li class="activity2 fl">
							<a href="">
								<img src="img/img2/portrait1.png" />
							</a>
						</li>
						<li class="activity4 fr">
							<p class="activity_4_1 clearfix">一个名字</p>
							<p class="">最后一次访问 3小时前</p>
						</li>
					</ul>
				</div>
				<div class="activity1 activity1_1">
					<ul class="clearfix">
						<li class="activity2 fl">
							<a href="">
								<img src="img/img2/portrait2.png" />
							</a>
						</li>
						<li class="activity4 fr">
							<p class="activity_4_1 clearfix">一个名字</p>
							<p class="">最后一次访问 24.04.2015</p>
						</li>
					</ul>
				</div>
				<div class="activity1 activity1_1">
					<ul class="clearfix">
						<li class="activity2 fl">
							<a href="">
								<img src="img/img2/portrait3.png" />
							</a>
						</li>
						<li class="activity4 fr">
							<p class="activity_4_1 clearfix">一个名字</p>
							<p class="">最后一次访问 15分钟前</p>
						</li>
					</ul>
				</div>
				<div class="letter">
					<p><a id="B">B</a></p>
				</div>
				<div class="activity1 activity1_1">
					<ul class="clearfix">
						<li class="activity2 fl">
							<a href="">
								<img src="img/img2/portrait4.png" />
							</a>
						</li>
						<li class="activity4 fr">
							<p class="activity_4_1 clearfix">一个名字</p>
							<p class="">最后一次访问 23.12.2013</p>
						</li>
					</ul>
				</div>
				<div class="activity1 activity1_1">
					<ul class="clearfix">
						<li class="activity2 fl">
							<a href="">
								<img src="img/img2/portrait5.png" />
							</a>
						</li>
						<li class="activity4 fr">
							<p class="activity_4_1 clearfix">一个名字</p>
							<p class="">最后一次访问 昨天</p>
						</li>
					</ul>
				</div>
				<div class="activity1 activity1_1">
					<ul class="clearfix">
						<li class="activity2 fl">
							<a href="">
								<img src="img/img2/portrait6.png" />
							</a>
						</li>
						<li class="activity4 fr">
							<p class="activity_4_1 clearfix">一个名字</p>
							<p class="">在线</p>
						</li>
					</ul>
				</div>
				<div class="activity1 activity1_1">
					<ul class="clearfix">
						<li class="activity2 fl">
							<a href="">
								<img src="img/img2/portrait7.png" />
							</a>
						</li>
						<li class="activity4 fr">
							<p class="activity_4_1 clearfix">一个名字</p>
							<p class="">最后一次访问 1小时前</p>
						</li>
					</ul>
				</div>
				<div class="letter ">
					<p><a id="C">C</a></p>
				</div>
				<div class="activity1 activity1_1">
					<ul class="clearfix">
						<li class="activity2 fl">
							<a href="">
								<img src="img/img2/portrait1.png" />
							</a>
						</li>
						<li class="activity4 fr">
							<p class="activity_4_1 clearfix">一个名字</p>
							<p class="">最后一次访问 3小时前</p>
						</li>
					</ul>
				</div>
				<div class="activity1 activity1_1">
					<ul class="clearfix">
						<li class="activity2 fl">
							<a href="">
								<img src="img/img2/portrait2.png" />
							</a>
						</li>
						<li class="activity4 fr">
							<p class="activity_4_1 clearfix">一个名字</p>
							<p class="">最后一次访问 24.04.2015</p>
						</li>
					</ul>
				</div>
				<div class="letter ">
					<p><a id="D">D</a></p>
				</div>
				<div class="activity1 activity1_1">
					<ul class="clearfix">
						<li class="activity2 fl">
							<a href="">
								<img src="img/img2/portrait1.png" />
							</a>
						</li>
						<li class="activity4 fr">
							<p class="activity_4_1 clearfix">一个名字</p>
							<p class="">最后一次访问 3小时前</p>
						</li>
					</ul>
				</div>
				<div class="activity1 activity1_1">
					<ul class="clearfix">
						<li class="activity2 fl">
							<a href="">
								<img src="img/img2/portrait2.png" />
							</a>
						</li>
						<li class="activity4 fr">
							<p class="activity_4_1 clearfix">一个名字</p>
							<p class="">最后一次访问 24.04.2015</p>
						</li>
					</ul>
				</div><div class="letter ">
					<p><a id="E">E</a></p>
				</div>
				<div class="activity1 activity1_1">
					<ul class="clearfix">
						<li class="activity2 fl">
							<a href="">
								<img src="img/img2/portrait1.png" />
							</a>
						</li>
						<li class="activity4 fr">
							<p class="activity_4_1 clearfix">一个名字</p>
							<p class="">最后一次访问 3小时前</p>
						</li>
					</ul>
				</div>
				<div class="activity1 activity1_1">
					<ul class="clearfix">
						<li class="activity2 fl">
							<a href="">
								<img src="img/img2/portrait2.png" />
							</a>
						</li>
						<li class="activity4 fr">
							<p class="activity_4_1 clearfix">一个名字</p>
							<p class="">最后一次访问 24.04.2015</p>
						</li>
					</ul>
				</div>
				<div class="letter ">
					<p><a id="F">F</a></p>
				</div>
				<div class="activity1 activity1_1">
					<ul class="clearfix">
						<li class="activity2 fl">
							<a href="">
								<img src="img/img2/portrait1.png" />
							</a>
						</li>
						<li class="activity4 fr">
							<p class="activity_4_1 clearfix">一个名字</p>
							<p class="">最后一次访问 3小时前</p>
						</li>
					</ul>
				</div>
				<div class="activity1 activity1_1">
					<ul class="clearfix">
						<li class="activity2 fl">
							<a href="">
								<img src="img/img2/portrait2.png" />
							</a>
						</li>
						<li class="activity4 fr">
							<p class="activity_4_1 clearfix">一个名字</p>
							<p class="">最后一次访问 24.04.2015</p>
						</li>
					</ul>
				</div>
			</div>
			

		</div>
		<!--脚本-->
		<script type="text/javascript">document.body.style.height = window.innerHeight + "px";</script>
		<script type="text/javascript">document.body.style.height = window.innerHeight + "px";
/*动态改变根元素字体大小*/
function recalc() {
	var clientWidth = document.documentElement.clientWidth;
	if(!clientWidth) return;
	document.documentElement.style.fontSize = 40 * (clientWidth / 750) + 'px';
}
//字体大小 = 1rem单表示了多少个像素*设备的宽度

function initRecalc() {
	recalc();
	var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
	if(!document.addEventListener) return;
	window.addEventListener(resizeEvt, recalc, false);
	document.addEventListener('DOMContentLoaded', recalc, false);
}
initRecalc();</script>
	</body>

</html>